<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        let str = '?username=yy&password=123&phone=1888' ;


        // 想拿到密码


        let arr = str.replace('?' , '').split('&') ;
        console.log(arr);

        // [
        //     {
        //         key : username ,
        //         value : yy
        //     } ,
        //     {
        //         key : password ,
        //         value : 123 ,
        //     },
        //     {
        //         key : phone ,
        //         value : 1888
        //     }
        // ]


        // forEach
        // map  改变数组中的值   

        // const res = arr.map(item => {
        //     const obj = {} ;
        //     const arr2 = item.split('=');
        //     obj.key = arr2[0] ;
        //     obj.value = arr2[1] ;
        //     return obj
        // })

        // console.log(res);


        // const res2 = res.filter(item => item.key === 'username');
        // const pwd = res2[0].value ;
        // console.log(pwd);



        // 要求给的字符串是 key=value&key=value&key=value
        function queryString(str , name) {
            let arr = str.split('&') ;
            arr = arr.map(item => {
                const obj = {} ;
                obj.name = item.split('=')[0] ;
                obj.content = item.split('=')[1] ;
                return obj
            })
            console.log(arr);
            const res = arr.filter(item => item.name === name)[0] ;
            console.log(res);
            // if(res) {
            //     return res.content
            // } else {
            //     return ''
            // }
            return res ? res.content : ''
            
        }

        const pwd = queryString('username=yy&password=123&phone=1888' , 'email') ;
        console.log(pwd)

    </script>
    
</body>
</html>